<template>
  <transition name="fade">
    <slot></slot>
  </transition>
</template>
<script>
export default {
  name: 'FadeAnimation'
}
</script>
<style scoped>
  .fade-enter, .fade-leave-active {
    opacity: 0;
  }
  .fade-enter-active, .fade-leave-active {
    transition: opacity 0.5s;
  }
</style>
